<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./../lib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="./css/kitui.css">
    <style>
        button.kit-btn-block {
            margin-top: 10px;
        }
    </style>
</head>

<body>
    <div style="width:1024px; margin:30px auto;">
        <a href="javascript:;">a link</a>
        <br/>
        <br/>
        <a href="javascript:;" class="kit-btn kit-btn-lg">a link</a>
        <button type="button" class="kit-btn kit-btn-lg">normal</button>
        <button type="button" class="kit-btn kit-btn-lg kit-btn-primary">primary</button>
        <button type="button" class="kit-btn kit-btn-lg kit-btn-info">info</button>
        <button type="button" class="kit-btn kit-btn-lg kit-btn-danger">danger</button>
        <button type="button" class="kit-btn kit-btn-lg kit-btn-success">success</button>
        <button type="button" class="kit-btn kit-btn-lg kit-btn-primary" disabled>
            success 
        </button>
        <br/>
        <br/>
        <a href="javascript:;" class="kit-btn">a link</a>
        <button type="button" class="kit-btn">normal</button>
        <button type="button" class="kit-btn kit-btn-primary">primary</button>
        <button type="button" class="kit-btn kit-btn-info">info</button>
        <button type="button" class="kit-btn kit-btn-danger">danger</button>
        <button type="button" class="kit-btn kit-btn-success">success</button>
        <button type="button" class="kit-btn kit-btn-warning">warning</button>
        <button type="button" class="kit-btn kit-btn-primary" disabled>success</button>
        <br/>
        <br/>
        <a href="javascript:;" class="kit-btn kit-btn-sm">a link</a>
        <button type="button" class="kit-btn kit-btn-sm">normal</button>
        <button type="button" class="kit-btn kit-btn-sm kit-btn-primary">primary</button>
        <button type="button" class="kit-btn kit-btn-sm kit-btn-info">info</button>
        <button type="button" class="kit-btn kit-btn-sm kit-btn-danger">danger</button>
        <button type="button" class="kit-btn kit-btn-sm kit-btn-success">success</button>
        <button type="button" class="kit-btn kit-btn-sm kit-btn-primary" disabled>primary</button>
        <br/>
        <br/>
        <a href="javascript:;" class="kit-btn kit-btn-xs">a link</a>
        <button type="button" class="kit-btn kit-btn-xs">normal</button>
        <button type="button" class="kit-btn kit-btn-xs kit-btn-primary">primary</button>
        <button type="button" class="kit-btn kit-btn-xs kit-btn-info">info</button>
        <button type="button" class="kit-btn kit-btn-xs kit-btn-danger">danger</button>
        <button type="button" class="kit-btn kit-btn-xs kit-btn-success">success</button>
        <button type="button" class="kit-btn kit-btn-xs kit-btn-primary" disabled>primary</button>
        <br/>
        <br/>
        <a href="javascript:;" class="kit-btn"><i class="fa fa-gears" aria-hidden="true"></i> a link</a>
        <button type="button" class="kit-btn"><i class="fa fa-gears" aria-hidden="true"></i> normal</button>
        <button type="button" class="kit-btn kit-btn-primary"><i class="fa fa-gears" aria-hidden="true"></i> primary</button>
        <button type="button" class="kit-btn kit-btn-info"><i class="fa fa-gears" aria-hidden="true"></i> info</button>
        <button type="button" class="kit-btn kit-btn-danger"><i class="fa fa-gears" aria-hidden="true"></i> danger</button>
        <button type="button" class="kit-btn kit-btn-success"><i class="fa fa-gears" aria-hidden="true"></i> success</button>
        <button type="button" class="kit-btn kit-btn-warning"><i class="fa fa-gears" aria-hidden="true"></i> warning</button>
        <button type="button" class="kit-btn kit-btn-primary" disabled><i class="fa fa-gears" aria-hidden="true"></i> success</button>
        <br/>
        <br/>
        <button type="button" class="kit-btn kit-btn-radius">normal</button>
        <button type="button" class="kit-btn kit-btn-radius kit-btn-primary">primary</button>
        <button type="button" class="kit-btn kit-btn-radius kit-btn-info">info</button>
        <button type="button" class="kit-btn kit-btn-radius kit-btn-danger">danger</button>
        <button type="button" class="kit-btn kit-btn-radius kit-btn-success">success</button>
        <button type="button" class="kit-btn kit-btn-radius kit-btn-primary" disabled>primary</button>
        <br/>
        <br/>
        <a href="javascript:;" class="kit-btn kit-btn-block">a link</a>
        <button type="button" class="kit-btn kit-btn-block">normal</button>
        <button type="button" class="kit-btn kit-btn-block kit-btn-primary">primary</button>
        <button type="button" class="kit-btn kit-btn-block kit-btn-info">info</button>
        <button type="button" class="kit-btn kit-btn-block kit-btn-danger">danger</button>
        <button type="button" class="kit-btn kit-btn-block kit-btn-success">success</button>
        <button type="button" class="kit-btn kit-btn-block kit-btn-primary" disabled>primary</button>
    </div>
</body>

</html>